<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Awesome-pyecharts</title>
    <script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/echarts.min.js"></script>
    <script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/echarts-wordcloud.min.js"></script>
    <script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/echarts-liquidfill.min.js"></script>
    <script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/jquery.min.js"></script>
    <script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/jquery-ui.min.js"></script>
    <script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/ResizeSensor.js"></script>

    <link rel="stylesheet" href="https://assets.pyecharts.org/assets/v5/jquery-ui.css">

</head>
<body>
<style>.box {
} </style>

<div class="box">
    <div id="47e5defee7ac4f3e8868cc9ad77febc3" class="chart-container"
         style="position: absolute; width: 788.4px; height: 455.4px; top: 31.399999618530273px; left: 8px;"></div>
    <script>
        var chart_47e5defee7ac4f3e8868cc9ad77febc3 = echarts.init(
            document.getElementById('47e5defee7ac4f3e8868cc9ad77febc3'), 'white', {renderer: 'canvas'});
        var option_47e5defee7ac4f3e8868cc9ad77febc3 = {
            "animation": true,
            "animationThreshold": 2000,
            "animationDuration": 1000,
            "animationEasing": "cubicOut",
            "animationDelay": 0,
            "animationDurationUpdate": 300,
            "animationEasingUpdate": "cubicOut",
            "animationDelayUpdate": 0,
            "aria": {
                "enabled": false
            },
            "color": [
                "#5470c6",
                "#91cc75",
                "#fac858",
                "#ee6666",
                "#73c0de",
                "#3ba272",
                "#fc8452",
                "#9a60b4",
                "#ea7ccc"
            ],
            "series": [
                {
                    "type": "bar",
                    "name": "\u64ad\u653e\u6570",
                    "legendHoverLink": true,
                    "data": [
                        489249499,
                        466776340,
                        248032525,
                        203627310,
                        197361196,
                        196290000,
                        185041062,
                        177266330,
                        158229460,
                        150064855,
                        139594508,
                        120905029,
                        116940957,
                        111639478,
                        103081527,
                        102894482,
                        102786964,
                        99041221,
                        97552197,
                        94385922
                    ],
                    "realtimeSort": false,
                    "showBackground": false,
                    "stackStrategy": "samesign",
                    "cursor": "pointer",
                    "barMinHeight": 0,
                    "barCategoryGap": "20%",
                    "barGap": "30%",
                    "large": false,
                    "largeThreshold": 400,
                    "seriesLayoutBy": "column",
                    "datasetIndex": 0,
                    "clip": true,
                    "zlevel": 0,
                    "z": 2,
                    "label": {
                        "show": false,
                        "position": "top",
                        "color": "white",
                        "margin": 8,
                        "fontSize": 15
                    },
                    "itemStyle": {
                        "color": "Turquoise"
                    },
                    "rippleEffect": {
                        "show": true,
                        "brushType": "stroke",
                        "scale": 2.5,
                        "period": 4
                    }
                }
            ],
            "legend": [
                {
                    "data": [
                        "\u64ad\u653e\u6570"
                    ],
                    "selected": {},
                    "show": true,
                    "padding": 5,
                    "itemGap": 10,
                    "itemWidth": 25,
                    "itemHeight": 14,
                    "backgroundColor": "transparent",
                    "borderColor": "#ccc",
                    "borderWidth": 1,
                    "borderRadius": 0,
                    "pageButtonItemGap": 5,
                    "pageButtonPosition": "end",
                    "pageFormatter": "{current}/{total}",
                    "pageIconColor": "#2f4554",
                    "pageIconInactiveColor": "#aaa",
                    "pageIconSize": 15,
                    "animationDurationUpdate": 800,
                    "selector": false,
                    "selectorPosition": "auto",
                    "selectorItemGap": 7,
                    "selectorButtonGap": 10
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "showContent": true,
                "alwaysShowContent": false,
                "showDelay": 0,
                "hideDelay": 100,
                "enterable": false,
                "confine": false,
                "appendToBody": false,
                "transitionDuration": 0.4,
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0,
                "padding": 5,
                "order": "seriesAsc"
            },
            "xAxis": [
                {
                    "show": true,
                    "scale": false,
                    "nameLocation": "end",
                    "nameGap": 15,
                    "gridIndex": 0,
                    "axisLabel": {
                        "show": true,
                        "rotate": -15,
                        "margin": 8
                    },
                    "inverse": false,
                    "offset": 0,
                    "splitNumber": 5,
                    "minInterval": 0,
                    "splitLine": {
                        "show": true,
                        "lineStyle": {
                            "show": true,
                            "width": 1,
                            "opacity": 1,
                            "curveness": 0,
                            "type": "solid"
                        }
                    },
                    "data": [
                        "\u94f6\u9b42",
                        "\u732b\u548c\u8001\u9f20 \u65e7\u7248",
                        "\u846c\u9001\u7684\u8299\u8389\u83b2",
                        "JOJO\u7684\u5947\u5999\u5192\u9669 \u661f\u5c18\u8fdc\u5f81\u519b \u57c3\u53ca\u7bc7",
                        "\u78a7\u84dd\u4e4b\u6d77",
                        "\u5bb6\u5ead\u6559\u5e08HITMAN REBORN!",
                        "\u8fea\u8fe6\u5965\u7279\u66fc\uff08\u4e2d\u914d\uff09",
                        "\u767e\u53d8\u5c0f\u6a31",
                        "\u94f6\u9b42 \u7b2c\u4e8c\u5b63",
                        "\u5b64\u72ec\u6447\u6eda\uff01",
                        "\u8def\u4eba\u8d85\u80fd100 II(\u7075\u80fd\u767e\u5206\u767e \u7b2c\u4e8c\u5b63)",
                        "\u7cbe\u7075\u5b9d\u53ef\u68a6 \u65e0\u5370",
                        "\u6392\u7403\u5c11\u5e74\uff01\uff01",
                        "Re\uff1a\u4ece\u96f6\u5f00\u59cb\u7684\u5f02\u4e16\u754c\u751f\u6d3b \u7b2c\u4e8c\u5b63 \u540e\u534a",
                        "\u8def\u4eba\u8d85\u80fd100 III(\u7075\u80fd\u767e\u5206\u767e \u7b2c\u4e09\u5b63)",
                        "\u5e03\u83b1\u6cfd\u5965\u7279\u66fc",
                        "\u94f6\u9b42 \u7b2c\u4e09\u5b63",
                        "\u4e4c\u9f99\u6d3e\u51fa\u6240",
                        "\u6e38\u2606\u620f\u2606\u738b 5D's \u7b2c\u56db\u5b63",
                        "\u65e5\u5e38"
                    ]
                }
            ],
            "yAxis": [
                {
                    "show": true,
                    "scale": false,
                    "nameLocation": "end",
                    "nameGap": 15,
                    "gridIndex": 0,
                    "inverse": false,
                    "offset": 0,
                    "splitNumber": 5,
                    "minInterval": 0,
                    "splitLine": {
                        "show": true,
                        "lineStyle": {
                            "show": true,
                            "width": 1,
                            "opacity": 1,
                            "curveness": 0,
                            "type": "solid"
                        }
                    }
                }
            ],
            "title": [
                {
                    "show": true,
                    "text": "b\u7ad9\u756a\u5267\u8bc4\u5206\u524d20\u64ad\u653e\u6570",
                    "target": "blank",
                    "subtext": "\u8bc4\u5206\u5747\u4e3a9.9",
                    "subtarget": "blank",
                    "left": "10%",
                    "padding": 5,
                    "itemGap": 10,
                    "textAlign": "auto",
                    "textVerticalAlign": "auto",
                    "triggerEvent": false
                }
            ]
        };
        chart_47e5defee7ac4f3e8868cc9ad77febc3.setOption(option_47e5defee7ac4f3e8868cc9ad77febc3);
    </script>
    <br/>
    <div id="647ea21bdf134b6488942b1499b859b1" class="chart-container"
         style="position: absolute; width: 800.4px; height: 458.4px; top: 33.20000076293945px; left: 721px;"></div>
    <script>
        var chart_647ea21bdf134b6488942b1499b859b1 = echarts.init(
            document.getElementById('647ea21bdf134b6488942b1499b859b1'), 'white', {renderer: 'canvas'});
        var option_647ea21bdf134b6488942b1499b859b1 = {
            "animation": true,
            "animationThreshold": 2000,
            "animationDuration": 1000,
            "animationEasing": "cubicOut",
            "animationDelay": 0,
            "animationDurationUpdate": 300,
            "animationEasingUpdate": "cubicOut",
            "animationDelayUpdate": 0,
            "aria": {
                "enabled": false
            },
            "color": [
                "Turquoise",
                "LightSeaGreen",
                "#5470c6",
                "#91cc75",
                "#fac858",
                "#ee6666",
                "#73c0de",
                "#3ba272",
                "#fc8452",
                "#9a60b4",
                "#ea7ccc"
            ],
            "series": [
                {
                    "type": "bar",
                    "name": "\u70b9\u8d5e\u6570",
                    "legendHoverLink": true,
                    "data": [
                        574448,
                        581929,
                        588022,
                        664716,
                        747957,
                        801955,
                        839490,
                        867309,
                        886103,
                        1284704
                    ],
                    "realtimeSort": false,
                    "showBackground": false,
                    "stack": "stack1",
                    "stackStrategy": "samesign",
                    "cursor": "pointer",
                    "barMinHeight": 0,
                    "barCategoryGap": "20%",
                    "barGap": "30%",
                    "large": false,
                    "largeThreshold": 400,
                    "seriesLayoutBy": "column",
                    "datasetIndex": 0,
                    "clip": true,
                    "zlevel": 0,
                    "z": 2,
                    "label": {
                        "show": true,
                        "position": "inside",
                        "color": "white",
                        "margin": 8,
                        "fontSize": 15
                    },
                    "itemStyle": {
                        "color": new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                            offset: 1,
                            color: '#9400D3'
                        }, {offset: 0, color: '#B8860B'}], false)
                    },
                    "rippleEffect": {
                        "show": true,
                        "brushType": "stroke",
                        "scale": 2.5,
                        "period": 4
                    }
                },
                {
                    "type": "bar",
                    "name": "\u6295\u5e01\u6570",
                    "legendHoverLink": true,
                    "data": [
                        732072,
                        639214,
                        600394,
                        311682,
                        548098,
                        449965,
                        450798,
                        464690,
                        330146,
                        639508
                    ],
                    "realtimeSort": false,
                    "showBackground": false,
                    "stack": "stack2",
                    "stackStrategy": "samesign",
                    "cursor": "pointer",
                    "barMinHeight": 0,
                    "barCategoryGap": "20%",
                    "barGap": "30%",
                    "large": false,
                    "largeThreshold": 400,
                    "seriesLayoutBy": "column",
                    "datasetIndex": 0,
                    "clip": true,
                    "zlevel": 0,
                    "z": 2,
                    "label": {
                        "show": true,
                        "position": "inside",
                        "color": "white",
                        "margin": 8,
                        "fontSize": 15
                    },
                    "itemStyle": {
                        "color": new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                            offset: 1,
                            color: '#9400D3'
                        }, {offset: 0, color: '#B8860B'}], false)
                    },
                    "rippleEffect": {
                        "show": true,
                        "brushType": "stroke",
                        "scale": 2.5,
                        "period": 4
                    }
                },
                {
                    "type": "line",
                    "name": "\u6536\u85cf\u6570",
                    "connectNulls": false,
                    "xAxisIndex": 0,
                    "yAxisIndex": 1,
                    "symbolSize": 4,
                    "showSymbol": true,
                    "smooth": false,
                    "clip": true,
                    "step": false,
                    "data": [
                        [
                            "\u58f0\u4e4b\u5f62",
                            126942
                        ],
                        [
                            "\u51b0\u83d3",
                            127539
                        ],
                        [
                            "\u5929\u6c14\u4e4b\u5b50",
                            120321
                        ],
                        [
                            "\u603b\u4e4b\u5c31\u662f\u975e\u5e38\u53ef\u7231",
                            63673
                        ],
                        [
                            "\u732b\u548c\u8001\u9f20 \u65e7\u7248",
                            149718
                        ],
                        [
                            "\u9b3c\u706d\u4e4b\u5203 \u65e0\u9650\u5217\u8f66\u7bc7",
                            115443
                        ],
                        [
                            "\u5800\u4e0e\u5bab\u6751",
                            102551
                        ],
                        [
                            "\u56fd\u738b\u6392\u540d",
                            179072
                        ],
                        [
                            "\u5492\u672f\u56de\u6218",
                            108096
                        ],
                        [
                            "\u95f4\u8c0d\u8fc7\u5bb6\u5bb6",
                            224781
                        ]
                    ],
                    "hoverAnimation": true,
                    "label": {
                        "show": false,
                        "margin": 8
                    },
                    "logBase": 10,
                    "seriesLayoutBy": "column",
                    "lineStyle": {
                        "show": true,
                        "width": 1,
                        "opacity": 1,
                        "curveness": 0,
                        "type": "solid"
                    },
                    "areaStyle": {
                        "opacity": 0
                    },
                    "zlevel": 0,
                    "z": 0
                }
            ],
            "legend": [
                {
                    "data": [
                        "\u70b9\u8d5e\u6570",
                        "\u6295\u5e01\u6570",
                        "\u6536\u85cf\u6570"
                    ],
                    "selected": {},
                    "show": true,
                    "padding": 5,
                    "itemGap": 10,
                    "itemWidth": 25,
                    "itemHeight": 14,
                    "backgroundColor": "transparent",
                    "borderColor": "#ccc",
                    "borderWidth": 1,
                    "borderRadius": 0,
                    "pageButtonItemGap": 5,
                    "pageButtonPosition": "end",
                    "pageFormatter": "{current}/{total}",
                    "pageIconColor": "#2f4554",
                    "pageIconInactiveColor": "#aaa",
                    "pageIconSize": 15,
                    "animationDurationUpdate": 800,
                    "selector": false,
                    "selectorPosition": "auto",
                    "selectorItemGap": 7,
                    "selectorButtonGap": 10
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "axis",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "cross"
                },
                "showContent": true,
                "alwaysShowContent": false,
                "showDelay": 0,
                "hideDelay": 100,
                "enterable": false,
                "confine": false,
                "appendToBody": false,
                "transitionDuration": 0.4,
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0,
                "padding": 5,
                "order": "seriesAsc"
            },
            "xAxis": [
                {
                    "type": "category",
                    "show": true,
                    "scale": false,
                    "nameLocation": "end",
                    "nameGap": 15,
                    "gridIndex": 0,
                    "axisLabel": {
                        "show": true,
                        "rotate": -45,
                        "margin": 8
                    },
                    "axisPointer": {
                        "show": true,
                        "type": "shadow",
                        "triggerTooltip": true,
                        "triggerOn": "mousemove|click"
                    },
                    "inverse": false,
                    "offset": 0,
                    "splitNumber": 5,
                    "minInterval": 0,
                    "splitLine": {
                        "show": true,
                        "lineStyle": {
                            "show": true,
                            "width": 1,
                            "opacity": 1,
                            "curveness": 0,
                            "type": "solid"
                        }
                    },
                    "data": [
                        "\u58f0\u4e4b\u5f62",
                        "\u51b0\u83d3",
                        "\u5929\u6c14\u4e4b\u5b50",
                        "\u603b\u4e4b\u5c31\u662f\u975e\u5e38\u53ef\u7231",
                        "\u732b\u548c\u8001\u9f20 \u65e7\u7248",
                        "\u9b3c\u706d\u4e4b\u5203 \u65e0\u9650\u5217\u8f66\u7bc7",
                        "\u5800\u4e0e\u5bab\u6751",
                        "\u56fd\u738b\u6392\u540d",
                        "\u5492\u672f\u56de\u6218",
                        "\u95f4\u8c0d\u8fc7\u5bb6\u5bb6"
                    ]
                }
            ],
            "yAxis": [
                {
                    "show": true,
                    "scale": false,
                    "nameLocation": "end",
                    "nameGap": 15,
                    "gridIndex": 0,
                    "inverse": false,
                    "offset": 0,
                    "splitNumber": 5,
                    "minInterval": 0,
                    "splitLine": {
                        "show": true,
                        "lineStyle": {
                            "show": true,
                            "width": 1,
                            "opacity": 1,
                            "curveness": 0,
                            "type": "solid"
                        }
                    }
                },
                {
                    "name": "\u6536\u85cf\u6570",
                    "show": true,
                    "scale": false,
                    "nameLocation": "end",
                    "nameGap": 15,
                    "gridIndex": 0,
                    "inverse": false,
                    "offset": 0,
                    "splitNumber": 5,
                    "min": 0,
                    "max": 224781,
                    "minInterval": 0,
                    "splitLine": {
                        "show": true,
                        "lineStyle": {
                            "show": true,
                            "width": 1,
                            "opacity": 1,
                            "curveness": 0,
                            "type": "solid"
                        }
                    }
                }
            ],
            "title": [
                {
                    "show": true,
                    "text": "\u4e09\u8fde\u524d\u5341\u7684\u756a\u5267\u63a8\u8350",
                    "target": "blank",
                    "subtext": "\u4e09\u8fde\uff08\u5373\u70b9\u8d5e\u3001\u6295\u5e01\u3001\u6536\u85cf\uff09",
                    "subtarget": "blank",
                    "left": "10%",
                    "padding": 5,
                    "itemGap": 10,
                    "textAlign": "auto",
                    "textVerticalAlign": "auto",
                    "triggerEvent": false
                }
            ]
        };
        chart_647ea21bdf134b6488942b1499b859b1.setOption(option_647ea21bdf134b6488942b1499b859b1);
    </script>
    <br/>
    <div id="c185303a52ac40f081bf0c21242e35af" class="chart-container"
         style="position: absolute; width: 681.4px; height: 476.4px; top: 532px; left: 6px;"></div>
    <script>
        var chart_c185303a52ac40f081bf0c21242e35af = echarts.init(
            document.getElementById('c185303a52ac40f081bf0c21242e35af'), 'white', {renderer: 'canvas'});
        var option_c185303a52ac40f081bf0c21242e35af = {
            "animation": true,
            "animationThreshold": 2000,
            "animationDuration": 1000,
            "animationEasing": "cubicOut",
            "animationDelay": 0,
            "animationDurationUpdate": 300,
            "animationEasingUpdate": "cubicOut",
            "animationDelayUpdate": 0,
            "aria": {
                "enabled": false
            },
            "color": [
                "#5470c6",
                "#91cc75",
                "#fac858",
                "#ee6666",
                "#73c0de",
                "#3ba272",
                "#fc8452",
                "#9a60b4",
                "#ea7ccc"
            ],
            "series": [
                {
                    "type": "wordCloud",
                    "shape": "triangle",
                    "rotationRange": [
                        0,
                        0
                    ],
                    "rotationStep": 45,
                    "girdSize": 20,
                    "sizeRange": [
                        12,
                        60
                    ],
                    "data": [
                        {
                            "name": "\u5947\u5e7b",
                            "value": 997,
                            "textStyle": {
                                "color": "rgb(27,147,76)"
                            }
                        },
                        {
                            "name": "\u70ed\u8840",
                            "value": 761,
                            "textStyle": {
                                "color": "rgb(103,89,155)"
                            }
                        },
                        {
                            "name": "\u79d1\u5e7b",
                            "value": 700,
                            "textStyle": {
                                "color": "rgb(97,46,21)"
                            }
                        },
                        {
                            "name": "\u65e5\u5e38",
                            "value": 683,
                            "textStyle": {
                                "color": "rgb(105,4,154)"
                            }
                        },
                        {
                            "name": "\u6218\u6597",
                            "value": 657,
                            "textStyle": {
                                "color": "rgb(156,144,67)"
                            }
                        },
                        {
                            "name": "\u6f2b\u753b\u6539",
                            "value": 542,
                            "textStyle": {
                                "color": "rgb(53,69,10)"
                            }
                        },
                        {
                            "name": "\u539f\u521b",
                            "value": 531,
                            "textStyle": {
                                "color": "rgb(123,108,65)"
                            }
                        },
                        {
                            "name": "\u641e\u7b11",
                            "value": 530,
                            "textStyle": {
                                "color": "rgb(66,96,158)"
                            }
                        },
                        {
                            "name": "\u5c11\u513f",
                            "value": 455,
                            "textStyle": {
                                "color": "rgb(82,69,106)"
                            }
                        },
                        {
                            "name": "\u840c\u7cfb",
                            "value": 419,
                            "textStyle": {
                                "color": "rgb(132,71,132)"
                            }
                        },
                        {
                            "name": "\u6cbb\u6108",
                            "value": 397,
                            "textStyle": {
                                "color": "rgb(21,88,115)"
                            }
                        },
                        {
                            "name": "\u5192\u9669",
                            "value": 383,
                            "textStyle": {
                                "color": "rgb(66,105,13)"
                            }
                        },
                        {
                            "name": "\u6821\u56ed",
                            "value": 324,
                            "textStyle": {
                                "color": "rgb(112,102,141)"
                            }
                        },
                        {
                            "name": "\u67b6\u7a7a",
                            "value": 252,
                            "textStyle": {
                                "color": "rgb(70,57,104)"
                            }
                        },
                        {
                            "name": "\u5c11\u5973",
                            "value": 247,
                            "textStyle": {
                                "color": "rgb(104,57,79)"
                            }
                        },
                        {
                            "name": "\u5c0f\u8bf4\u6539",
                            "value": 227,
                            "textStyle": {
                                "color": "rgb(55,0,5)"
                            }
                        },
                        {
                            "name": "\u604b\u7231",
                            "value": 203,
                            "textStyle": {
                                "color": "rgb(73,40,76)"
                            }
                        },
                        {
                            "name": "\u673a\u6218",
                            "value": 159,
                            "textStyle": {
                                "color": "rgb(32,49,152)"
                            }
                        },
                        {
                            "name": "\u8fd0\u52a8",
                            "value": 154,
                            "textStyle": {
                                "color": "rgb(61,91,34)"
                            }
                        },
                        {
                            "name": "\u6ce1\u9762",
                            "value": 150,
                            "textStyle": {
                                "color": "rgb(85,47,46)"
                            }
                        },
                        {
                            "name": "\u6e38\u620f\u6539",
                            "value": 125,
                            "textStyle": {
                                "color": "rgb(45,38,73)"
                            }
                        },
                        {
                            "name": "\u7a7f\u8d8a",
                            "value": 123,
                            "textStyle": {
                                "color": "rgb(2,117,15)"
                            }
                        },
                        {
                            "name": "\u65f6\u6cea",
                            "value": 118,
                            "textStyle": {
                                "color": "rgb(44,110,144)"
                            }
                        },
                        {
                            "name": "\u97f3\u4e50",
                            "value": 114,
                            "textStyle": {
                                "color": "rgb(89,80,127)"
                            }
                        },
                        {
                            "name": "\u9b54\u6cd5",
                            "value": 110,
                            "textStyle": {
                                "color": "rgb(112,86,136)"
                            }
                        },
                        {
                            "name": "\u52b1\u5fd7",
                            "value": 98,
                            "textStyle": {
                                "color": "rgb(12,115,53)"
                            }
                        },
                        {
                            "name": "\u58f0\u63a7",
                            "value": 93,
                            "textStyle": {
                                "color": "rgb(69,19,153)"
                            }
                        },
                        {
                            "name": "\u5076\u50cf",
                            "value": 86,
                            "textStyle": {
                                "color": "rgb(95,30,102)"
                            }
                        },
                        {
                            "name": "\u667a\u6597",
                            "value": 86,
                            "textStyle": {
                                "color": "rgb(15,21,80)"
                            }
                        },
                        {
                            "name": "\u63a8\u7406",
                            "value": 74,
                            "textStyle": {
                                "color": "rgb(25,31,102)"
                            }
                        },
                        {
                            "name": "\u793e\u56e2",
                            "value": 68,
                            "textStyle": {
                                "color": "rgb(23,141,134)"
                            }
                        },
                        {
                            "name": "\u52a8\u753b",
                            "value": 68,
                            "textStyle": {
                                "color": "rgb(138,10,126)"
                            }
                        },
                        {
                            "name": "\u5386\u53f2",
                            "value": 64,
                            "textStyle": {
                                "color": "rgb(105,110,115)"
                            }
                        },
                        {
                            "name": "\u7279\u6444",
                            "value": 61,
                            "textStyle": {
                                "color": "rgb(56,67,43)"
                            }
                        },
                        {
                            "name": "\u50ac\u6cea",
                            "value": 60,
                            "textStyle": {
                                "color": "rgb(64,1,37)"
                            }
                        },
                        {
                            "name": "\u60ac\u7591",
                            "value": 53,
                            "textStyle": {
                                "color": "rgb(134,132,141)"
                            }
                        },
                        {
                            "name": "\u4e59\u5973",
                            "value": 52,
                            "textStyle": {
                                "color": "rgb(97,93,101)"
                            }
                        },
                        {
                            "name": "\u5176\u4ed6",
                            "value": 181,
                            "textStyle": {
                                "color": "rgb(32,7,84)"
                            }
                        }
                    ],
                    "drawOutOfBound": false,
                    "textStyle": {
                        "emphasis": {}
                    }
                }
            ],
            "legend": [
                {
                    "data": [],
                    "selected": {},
                    "show": true,
                    "padding": 5,
                    "itemGap": 10,
                    "itemWidth": 25,
                    "itemHeight": 14,
                    "backgroundColor": "transparent",
                    "borderColor": "#ccc",
                    "borderWidth": 1,
                    "borderRadius": 0,
                    "pageButtonItemGap": 5,
                    "pageButtonPosition": "end",
                    "pageFormatter": "{current}/{total}",
                    "pageIconColor": "#2f4554",
                    "pageIconInactiveColor": "#aaa",
                    "pageIconSize": 15,
                    "animationDurationUpdate": 800,
                    "selector": false,
                    "selectorPosition": "auto",
                    "selectorItemGap": 7,
                    "selectorButtonGap": 10
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "showContent": true,
                "alwaysShowContent": false,
                "showDelay": 0,
                "hideDelay": 100,
                "enterable": false,
                "confine": false,
                "appendToBody": false,
                "transitionDuration": 0.4,
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0,
                "padding": 5,
                "order": "seriesAsc"
            },
            "title": [
                {
                    "show": true,
                    "text": "bilibili\u756a\u5267\u5173\u952e\u5b57",
                    "target": "blank",
                    "subtarget": "blank",
                    "left": "center",
                    "padding": 5,
                    "itemGap": 10,
                    "textAlign": "auto",
                    "textVerticalAlign": "auto",
                    "triggerEvent": false
                }
            ]
        };
        chart_c185303a52ac40f081bf0c21242e35af.setOption(option_c185303a52ac40f081bf0c21242e35af);
    </script>
    <br/>
    <div id="ede76dcb71b34db887d4a940ef606f1f" class="chart-container"
         style="position: absolute; width: 962.4px; height: 463.4px; top: 531.7999877929688px; left: 559px;"></div>
    <script>
        var chart_ede76dcb71b34db887d4a940ef606f1f = echarts.init(
            document.getElementById('ede76dcb71b34db887d4a940ef606f1f'), 'white', {renderer: 'canvas'});
        var option_ede76dcb71b34db887d4a940ef606f1f = {
            "animation": true,
            "animationThreshold": 2000,
            "animationDuration": 1000,
            "animationEasing": "cubicOut",
            "animationDelay": 0,
            "animationDurationUpdate": 300,
            "animationEasingUpdate": "cubicOut",
            "animationDelayUpdate": 0,
            "aria": {
                "enabled": false
            },
            "color": [
                "#5470c6",
                "#91cc75",
                "#fac858",
                "#ee6666",
                "#73c0de",
                "#3ba272",
                "#fc8452",
                "#9a60b4",
                "#ea7ccc"
            ],
            "series": [
                {
                    "type": "pie",
                    "name": "\u4eba\u6570",
                    "colorBy": "data",
                    "legendHoverLink": true,
                    "selectedMode": false,
                    "selectedOffset": 10,
                    "clockwise": true,
                    "startAngle": 90,
                    "minAngle": 0,
                    "minShowLabelAngle": 0,
                    "avoidLabelOverlap": true,
                    "stillShowZeroSum": true,
                    "percentPrecision": 2,
                    "showEmptyCircle": true,
                    "emptyCircleStyle": {
                        "color": "lightgray",
                        "borderColor": "#000",
                        "borderWidth": 0,
                        "borderType": "solid",
                        "borderDashOffset": 0,
                        "borderCap": "butt",
                        "borderJoin": "bevel",
                        "borderMiterLimit": 10,
                        "opacity": 1
                    },
                    "data": [
                        {
                            "name": "\u5947\u5e7b",
                            "value": 997
                        },
                        {
                            "name": "\u70ed\u8840",
                            "value": 761
                        },
                        {
                            "name": "\u79d1\u5e7b",
                            "value": 700
                        },
                        {
                            "name": "\u65e5\u5e38",
                            "value": 683
                        },
                        {
                            "name": "\u6218\u6597",
                            "value": 657
                        },
                        {
                            "name": "\u6f2b\u753b\u6539",
                            "value": 542
                        },
                        {
                            "name": "\u539f\u521b",
                            "value": 531
                        },
                        {
                            "name": "\u641e\u7b11",
                            "value": 530
                        },
                        {
                            "name": "\u5c11\u513f",
                            "value": 455
                        },
                        {
                            "name": "\u840c\u7cfb",
                            "value": 419
                        },
                        {
                            "name": "\u6cbb\u6108",
                            "value": 397
                        },
                        {
                            "name": "\u5192\u9669",
                            "value": 383
                        },
                        {
                            "name": "\u6821\u56ed",
                            "value": 324
                        },
                        {
                            "name": "\u67b6\u7a7a",
                            "value": 252
                        },
                        {
                            "name": "\u5c11\u5973",
                            "value": 247
                        },
                        {
                            "name": "\u5c0f\u8bf4\u6539",
                            "value": 227
                        },
                        {
                            "name": "\u604b\u7231",
                            "value": 203
                        },
                        {
                            "name": "\u673a\u6218",
                            "value": 159
                        },
                        {
                            "name": "\u8fd0\u52a8",
                            "value": 154
                        },
                        {
                            "name": "\u6ce1\u9762",
                            "value": 150
                        },
                        {
                            "name": "\u6e38\u620f\u6539",
                            "value": 125
                        },
                        {
                            "name": "\u7a7f\u8d8a",
                            "value": 123
                        },
                        {
                            "name": "\u65f6\u6cea",
                            "value": 118
                        },
                        {
                            "name": "\u97f3\u4e50",
                            "value": 114
                        },
                        {
                            "name": "\u9b54\u6cd5",
                            "value": 110
                        },
                        {
                            "name": "\u52b1\u5fd7",
                            "value": 98
                        },
                        {
                            "name": "\u58f0\u63a7",
                            "value": 93
                        },
                        {
                            "name": "\u5076\u50cf",
                            "value": 86
                        },
                        {
                            "name": "\u667a\u6597",
                            "value": 86
                        },
                        {
                            "name": "\u63a8\u7406",
                            "value": 74
                        },
                        {
                            "name": "\u793e\u56e2",
                            "value": 68
                        },
                        {
                            "name": "\u52a8\u753b",
                            "value": 68
                        },
                        {
                            "name": "\u5386\u53f2",
                            "value": 64
                        },
                        {
                            "name": "\u7279\u6444",
                            "value": 61
                        },
                        {
                            "name": "\u50ac\u6cea",
                            "value": 60
                        },
                        {
                            "name": "\u60ac\u7591",
                            "value": 53
                        },
                        {
                            "name": "\u4e59\u5973",
                            "value": 52
                        },
                        {
                            "name": "\u5176\u4ed6",
                            "value": 181
                        }
                    ],
                    "radius": [
                        "25%",
                        "80%"
                    ],
                    "center": [
                        "50%",
                        "50%"
                    ],
                    "roseType": "radius",
                    "label": {
                        "show": true,
                        "margin": 8,
                        "formatter": "{b}:{c} {d}%"
                    },
                    "labelLine": {
                        "show": true,
                        "showAbove": false,
                        "length": 15,
                        "length2": 15,
                        "smooth": false,
                        "minTurnAngle": 90,
                        "maxSurfaceAngle": 90
                    },
                    "rippleEffect": {
                        "show": true,
                        "brushType": "stroke",
                        "scale": 2.5,
                        "period": 4
                    }
                }
            ],
            "legend": [
                {
                    "data": [
                        "\u5947\u5e7b",
                        "\u70ed\u8840",
                        "\u79d1\u5e7b",
                        "\u65e5\u5e38",
                        "\u6218\u6597",
                        "\u6f2b\u753b\u6539",
                        "\u539f\u521b",
                        "\u641e\u7b11",
                        "\u5c11\u513f",
                        "\u840c\u7cfb",
                        "\u6cbb\u6108",
                        "\u5192\u9669",
                        "\u6821\u56ed",
                        "\u67b6\u7a7a",
                        "\u5c11\u5973",
                        "\u5c0f\u8bf4\u6539",
                        "\u604b\u7231",
                        "\u673a\u6218",
                        "\u8fd0\u52a8",
                        "\u6ce1\u9762",
                        "\u6e38\u620f\u6539",
                        "\u7a7f\u8d8a",
                        "\u65f6\u6cea",
                        "\u97f3\u4e50",
                        "\u9b54\u6cd5",
                        "\u52b1\u5fd7",
                        "\u58f0\u63a7",
                        "\u5076\u50cf",
                        "\u667a\u6597",
                        "\u63a8\u7406",
                        "\u793e\u56e2",
                        "\u52a8\u753b",
                        "\u5386\u53f2",
                        "\u7279\u6444",
                        "\u50ac\u6cea",
                        "\u60ac\u7591",
                        "\u4e59\u5973",
                        "\u5176\u4ed6"
                    ],
                    "selected": {},
                    "type": "scroll",
                    "show": true,
                    "left": "85%",
                    "top": "20%",
                    "orient": "vertical",
                    "padding": 5,
                    "itemGap": 10,
                    "itemWidth": 25,
                    "itemHeight": 14,
                    "backgroundColor": "transparent",
                    "borderColor": "#ccc",
                    "borderWidth": 1,
                    "borderRadius": 0,
                    "pageButtonItemGap": 5,
                    "pageButtonPosition": "end",
                    "pageFormatter": "{current}/{total}",
                    "pageIconColor": "#2f4554",
                    "pageIconInactiveColor": "#aaa",
                    "pageIconSize": 15,
                    "animationDurationUpdate": 800,
                    "selector": false,
                    "selectorPosition": "auto",
                    "selectorItemGap": 7,
                    "selectorButtonGap": 10
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "showContent": true,
                "alwaysShowContent": false,
                "showDelay": 0,
                "hideDelay": 100,
                "enterable": false,
                "confine": false,
                "appendToBody": false,
                "transitionDuration": 0.4,
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0,
                "padding": 5,
                "order": "seriesAsc"
            },
            "title": [
                {
                    "show": true,
                    "text": "bilibili\u5404\u6807\u7b7e\u756a\u5267\u5360\u6bd4",
                    "target": "blank",
                    "subtarget": "blank",
                    "left": "5%",
                    "padding": 5,
                    "itemGap": 10,
                    "textAlign": "auto",
                    "textVerticalAlign": "auto",
                    "triggerEvent": false
                }
            ]
        };
        chart_ede76dcb71b34db887d4a940ef606f1f.setOption(option_ede76dcb71b34db887d4a940ef606f1f);
    </script>
    <br/>
    <div id="b1cc9478101f441c83176b4116756e5a" class="chart-container"
         style="position: absolute; width: 292.4px; height: 289.4px; top: 28.600000381469727px; left: 425px;"></div>
    <script>
        var chart_b1cc9478101f441c83176b4116756e5a = echarts.init(
            document.getElementById('b1cc9478101f441c83176b4116756e5a'), 'white', {renderer: 'canvas'});
        var option_b1cc9478101f441c83176b4116756e5a = {
            "animation": true,
            "animationThreshold": 2000,
            "animationDuration": 1000,
            "animationEasing": "cubicOut",
            "animationDelay": 0,
            "animationDurationUpdate": 300,
            "animationEasingUpdate": "cubicOut",
            "animationDelayUpdate": 0,
            "aria": {
                "enabled": false
            },
            "color": [
                "#5470c6",
                "#91cc75",
                "#fac858",
                "#ee6666",
                "#73c0de",
                "#3ba272",
                "#fc8452",
                "#9a60b4",
                "#ea7ccc"
            ],
            "series": [
                {
                    "type": "liquidFill",
                    "name": "\u5df2\u5b8c\u7ed3 3645/\u603b\u756a\u5267 3701",
                    "data": [
                        0.9848689543366658
                    ],
                    "waveAnimation": true,
                    "animationDuration": 2000,
                    "animationDurationUpdate": 1000,
                    "color": [
                        "#294D99",
                        "#156ACF",
                        "#1598ED",
                        "#45BDFF"
                    ],
                    "shape": "circle",
                    "backgroundStyle": {},
                    "outline": {
                        "show": true,
                        "borderDistance": 8
                    },
                    "label": {
                        "show": true,
                        "position": "inside",
                        "margin": 8,
                        "fontSize": 50
                    }
                }
            ],
            "legend": [
                {
                    "data": [],
                    "selected": {},
                    "show": true,
                    "padding": 5,
                    "itemGap": 10,
                    "itemWidth": 25,
                    "itemHeight": 14,
                    "backgroundColor": "transparent",
                    "borderColor": "#ccc",
                    "borderWidth": 1,
                    "borderRadius": 0,
                    "pageButtonItemGap": 5,
                    "pageButtonPosition": "end",
                    "pageFormatter": "{current}/{total}",
                    "pageIconColor": "#2f4554",
                    "pageIconInactiveColor": "#aaa",
                    "pageIconSize": 15,
                    "animationDurationUpdate": 800,
                    "selector": false,
                    "selectorPosition": "auto",
                    "selectorItemGap": 7,
                    "selectorButtonGap": 10
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "showContent": true,
                "alwaysShowContent": false,
                "showDelay": 0,
                "hideDelay": 100,
                "enterable": false,
                "confine": false,
                "appendToBody": false,
                "transitionDuration": 0.4,
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0,
                "padding": 5,
                "order": "seriesAsc"
            },
            "title": [
                {
                    "show": true,
                    "text": "Bilibili\u5b8c\u7ed3\u756a\u5267\u5360\u6bd4",
                    "target": "blank",
                    "subtarget": "blank",
                    "left": "center",
                    "padding": 5,
                    "itemGap": 10,
                    "textAlign": "auto",
                    "textVerticalAlign": "auto",
                    "triggerEvent": false
                }
            ]
        };
        chart_b1cc9478101f441c83176b4116756e5a.setOption(option_b1cc9478101f441c83176b4116756e5a);
    </script>
    <br/></div>
<script>
    $('#47e5defee7ac4f3e8868cc9ad77febc3').css('border-style', 'dashed').css('border-width', '0px');
    $("#47e5defee7ac4f3e8868cc9ad77febc3>div:nth-child(1)").width("100%").height("100%");
    new ResizeSensor(jQuery('#47e5defee7ac4f3e8868cc9ad77febc3'), function () {
        chart_47e5defee7ac4f3e8868cc9ad77febc3.resize()
    });
    $('#647ea21bdf134b6488942b1499b859b1').css('border-style', 'dashed').css('border-width', '0px');
    $("#647ea21bdf134b6488942b1499b859b1>div:nth-child(1)").width("100%").height("100%");
    new ResizeSensor(jQuery('#647ea21bdf134b6488942b1499b859b1'), function () {
        chart_647ea21bdf134b6488942b1499b859b1.resize()
    });
    $('#c185303a52ac40f081bf0c21242e35af').css('border-style', 'dashed').css('border-width', '0px');
    $("#c185303a52ac40f081bf0c21242e35af>div:nth-child(1)").width("100%").height("100%");
    new ResizeSensor(jQuery('#c185303a52ac40f081bf0c21242e35af'), function () {
        chart_c185303a52ac40f081bf0c21242e35af.resize()
    });
    $('#ede76dcb71b34db887d4a940ef606f1f').css('border-style', 'dashed').css('border-width', '0px');
    $("#ede76dcb71b34db887d4a940ef606f1f>div:nth-child(1)").width("100%").height("100%");
    new ResizeSensor(jQuery('#ede76dcb71b34db887d4a940ef606f1f'), function () {
        chart_ede76dcb71b34db887d4a940ef606f1f.resize()
    });
    $('#b1cc9478101f441c83176b4116756e5a').css('border-style', 'dashed').css('border-width', '0px');
    $("#b1cc9478101f441c83176b4116756e5a>div:nth-child(1)").width("100%").height("100%");
    new ResizeSensor(jQuery('#b1cc9478101f441c83176b4116756e5a'), function () {
        chart_b1cc9478101f441c83176b4116756e5a.resize()
    });
    var charts_id = ['47e5defee7ac4f3e8868cc9ad77febc3', '647ea21bdf134b6488942b1499b859b1', 'c185303a52ac40f081bf0c21242e35af', 'ede76dcb71b34db887d4a940ef606f1f', 'b1cc9478101f441c83176b4116756e5a'];

    function downloadCfg() {
        const fileName = 'chart_config.json'
        let downLink = document.createElement('a')
        downLink.download = fileName

        let result = []
        for (let i = 0; i < charts_id.length; i++) {
            chart = $('#' + charts_id[i])
            result.push({
                cid: charts_id[i],
                width: chart.css("width"),
                height: chart.css("height"),
                top: chart.offset().top + "px",
                left: chart.offset().left + "px"
            })
        }

        let blob = new Blob([JSON.stringify(result)])
        downLink.href = URL.createObjectURL(blob)
        document.body.appendChild(downLink)
        downLink.click()
        document.body.removeChild(downLink)
    }
</script>
</body>
</html>
